<template>

  <div class="dashboard-editor-container" style="padding:0px; ">

    <el-row :gutter="12" style="padding:0 6px 0 0;margin-bottom:16px;  " >
      <!-- 图片部分-->

      <div class=" d1"  >
        <div class="tou">
        <div class="  s1" >
          <div class="  z1" style="padding: 0;margin: 0;border-style: none;">
            <el-image
              style="margin-left: 20px; margin-top: 5px;"
              :src="require('@/assets/images/36.png')">

            </el-image>
          </div>

          <div  class="  y1" >


            <el-button class="an3" ><router-link class="link-type" :to="'/shou'" style=" color: whitesmoke">成果展示</router-link></el-button>

            <el-button class="an3" ><router-link class="link-type" :to="'/mwnhugongshi'" style=" color: whitesmoke">转化公示</router-link></el-button>

            <el-button class="an3" ><router-link class="link-type" :to="'/liucheng'" style=" color: whitesmoke">转化流程</router-link></el-button>


          </div>

          <div class=" y2">
            <el-button class="an2" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10" @click="handleRecord">登录</el-button>
            <el-button class="an6" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10" @click="handleRego">注册</el-button>
            <el-button class="an4" style="background-color: rgba(0, 0, 0, 0.1);" @click="handleBackground" v-show="roleId==1||roleId==11||roleId==12||roleId==13||roleId==14">
              进入后台</el-button>
          </div>
        </div>
        </div>
        <div class="x1" >
          <div  class="clearfix" >
            <div style="padding:90px 0 0 80px;">
              <span style="font-size: 30px; color: whitesmoke"><b>科技成果</b></span>
            </div>
            <div style="padding:20px 0 0 80px;">
              <span style="font-size: 22px; color: whitesmoke"><b>建设知识产权运营体系，构筑科技成果聚集高地</b></span>
            </div>
            <div style="display: none;">
            <el-input style="padding:60px 0 0 80px; " type="primary" class="sousuo" v-model="input" placeholder="请输入成果名称进行检索" ></el-input>
            <el-button class="an1" @click="handQuery">搜索</el-button>

            </div>




          </div>
          <div  class="clearfix" style="padding:190px 0 0 80px;">

            <span style="font-size: 20px; color: whitesmoke"><b>首页·转化公示详情</b></span>

          </div>


</div>
      </div>
    </el-row>










    <el-row>
      <el-col>

        <el-card class="box-card" style="height: 100vh">

          <el-form ref="basicInfoForm" :model="info" label-width="100%" size="mini">
            <div style="display: flex; flex-direction: column;">
          <div>
            <el-button type="primary"  size="small " style=" width: 80px;
    height: 40px;float: right;   font-size: 15px;" @click="fanhui">返回</el-button>
          </div>


           <div>
            <h1  style="color: rgb(51, 51, 51); font-size: 24px;text-align: center;" >{{ info.publicizeTitle }}</h1>
            <p  style="color: rgb(51, 51, 51); font-size: 17px;text-align: center;"  >  公示时间：  {{ info.publicizeTime }}</p><br>
      <!--       <p style=" text-indent: 2em; " v-html="info.publicizeContent"></p>-->

<br>
              <div style="margin-left: 10%;margin-right: 10%">
                <p style=" word-wrap: break-word;text-indent: 2em;line-height: 1.5;">
 根据《中华人民共和国专利法》《中华人民共和国促进科技成果转化法》和《渤海大学科技成果转化管理办法》等相关规定，经协议定价，全体发明人同意，拟将学校1项发明专利转让给{{ info.enterpriseName }}，转让价格为{{ info.note2 }}万元，目前，学校、企业和学生方已达成一致，同意该成果进行转让，特此公示。具体情况见附件。

                  <br>
                  <span style="display: inline-block; ">
                  有异议者,请以书面形式并签署实名向创新创业学院反映。
                  </span>
                  <br>
                  <span style="display: inline-block; ">
                  联系人：张老师；联系电话：9009090。
                </span>

                </p>







</div>

            <p style="margin-right: 10%" >

   <span  style="float: right;">
            渤海大学创新创业学院
            </span>
              <br>
              <br>
              <span  style="float: right;">
            {{ info.publicizeTime }}
            </span>

            </p>
            <p  style="margin-left: 10%;margin-right: 10%;word-wrap: break-word;text-indent: 2em;">附件：拟转化的科技成果信息表</p>

            <div style="display: flex; justify-content: center; align-items: center;">

              <table >
              <thead>
              <tr>
                <th style="font-weight: normal;font-size: 15px">序号</th>
                <th style="font-weight: normal;font-size: 15px">成果名称</th>
                <th style="font-weight: normal;font-size: 15px">成果负责人</th>
                <th style="font-weight: normal;font-size: 15px">完成单位</th>
                <th style="font-weight: normal;font-size: 15px">拟转化金额（万元）</th>
                <th style="font-weight: normal;font-size: 15px">受让、许可、合作方</th>
              </tr>
              </thead>
              <tbody>
              <tr >
                <td style="font-size: 15px">1</td>
                <td style="font-size: 15px">{{ info.resultName }}</td>
                <td style="font-size: 15px"> {{ info.firstName }}</td>
                <td style="font-size: 15px">{{ info.completionUnit }} </td>
                <td style="font-size: 15px"> {{ info.note2 }} </td>
                <td style="font-size: 15px">{{ info.enterpriseName }}</td>
              </tr>
              </tbody>
            </table>
</div>

           </div>
            </div>
          </el-form>

      </el-card>
      </el-col>
    </el-row>





  </div>

</template>

<script>
  // import datePanel from "@/components/DatePanel/DatePanel";
  import {getUserProfile} from "@/api/system/user";

  import userAvatar from "@/views/system/user/profile/userAvatar";
  import userInfo from "@/views/system/user/profile/userInfo";
  import resetPwd from "@/views/system/user/profile/resetPwd";
  import { listNotice, getNotice} from "@/api/system/notice";
  import {delMenu, getMenu, listMenu, listMenu1, getRouter, listNormal} from "@/api/library/application/application";
  import {getNumber} from "@/api/library/application/application";
  import {mapGetters, mapState} from "vuex";
  import watermark from "watermark-dom";
  import {updateUserProfile} from "@/api/system/user";
  import log from "@/views/monitor/job/log";
  import { listInner, getInner, delInner, addInner, updateInner } from "@/api/library/msg/inner";
  import { listAchievement, getAchievement, delAchievement, addAchievement, updateAchievement,aduitAchievement,signTransform,getTransform,getRoleId } from "@/api/module/cjl/achievement";
  //import Cookies from 'js-cookie'
  import { listContract, getContract, delContract, addContract, updateContract } from "@/api/module/gs/contract";

  export default {
    name: "Profile",
    components: { userAvatar, userInfo, resetPwd },
    props: {
      user: {
        type: Object,
      }
    },
    data() {
      return {
        // 表详细信息
        info: {note1:"",
          note2:""},
        // 总条数
        contotal: 0,
        gongshiloading:true,

        gongshitotal:0,
        // 合同信息表格数据
        contractList: [],
        // 查询参数
        gongshiqueryParams: {
          pageNum: 1,
          pageSize: 10,
          userId: null,
          materialsAddress: null,
          applyName1: null,
          applyNumber1: null,
          applyTime1: null,
          auditState1: 2,
          auditTime1: null,
          auditName1: null,
          auditNumber1: null,
          applyName2: null,
          applyNumber2: null,
          applyTime2: null,
          auditState2: 2,
          auditTime2: null,
          auditName2: null,
          auditNumber2: null,
          publicizeTime: null,
          publicizeContent: null,
          publicizeTitle: null,
          publicizeName: null,
          publicizeNumber: null,
          resultId: null,
          resultName: null,
          completionUnit: null,
          firstName: null,
          firstNumber: null,
          firstPhone: null,
          firstIdnumber: null,
          enterpriseNumber: null,
          enterpriseName: null,
          corporateName: null,
          corporatePhone: null,
          corporateNumber: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: null
        },



        roleId: '',
        // 遮罩层
        loading: true,
        activeIndex: '1',
        activeIndex2: '1',
        visible: false,
        input: '',
        // 总条数
        total: 0,
        // 当前页
        pageCurrent: 1,
        date:new Date(),
        roleGroup: {},
        froma:{},
        postGroup: {},
        activeTab: "userinfo",
        activeName: 'second',
        cover:"",
        //switch开关初始值
        value:"1",
        //通知公告标题
        titleNotice:"",
        //部门id
        deptId:"",
        //主页链表显示
        categoryList: "",
        activeName1: 'first',
        activeName2:"first",
        menuList: [],
        List:[],
        menuOptions: [],
        List1:[],
        title: "",
        product: "", // 分类列表
        normalList:[],
        contentList: [],
        // 成果信息表格数据
        achievementList: [],
        xiaoxi:{
          // 是否显示弹出层（用户查询）
          open: false,
          // 弹出层标题（用户查询）
          title: "",
        },
        currSelect:1,
        open: false,
        innerList:[],
        rules: {
        },
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 3,
          userId: null,
          resultName: null,
          resultType: null,
          resultIntroduction: null,
          innovationPoint: null,
          competitionExperience: null,
          picturePath1: null,
          picturePath2: null,
          resultCategory: null,
          resultGrade: null,
          resultSource: null,
          resultBackground: null,
          resultMeaning: null,
          projectTime: null,
          technology: null,
          completionUnit: null,
          applyName: null,
          applyNumber: null,
          applyTime: null,
          auditState: null,
          auditTime: null,
          auditName: null,
          auditNumber: null,
          isShow: null,
          firstName: null,
          firstGrade: null,
          firstMajor: null,
          firstNumber: null,
          firstCollege: null,
          firstPhone: null,
          firstIdnumber: null,
          secondName: null,
          secondGrade: null,
          secondMajor: null,
          secondNumber: null,
          secondCollege: null,
          secondPhone: null,
          secondIdnumber: null,
          thirdName: null,
          thirdGrade: null,
          thirdMajor: null,
          thirdNumber: null,
          thirdCollege: null,
          thirdPhone: null,
          thirdIdnumber: null,
          fourthName: null,
          fourthGrade: null,
          fourthMajor: null,
          fourthNumber: null,
          fourthCollege: null,
          fourthPhone: null,
          fourthIdnumber: null,
          fifthName: null,
          fifthGrade: null,
          fifthMajor: null,
          fifthNumber: null,
          fifthCollege: null,
          fifthPhone: null,
          fifthIdnumber: null,
          advisorName1: null,
          advisorTitl1: null,
          advisorMajor1: null,
          advisorNumber1: null,
          advisorName2: null,
          advisorTitl2: null,
          advisorMajor2: null,
          advisorNumber2: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: null
        },
        handleSelect(key, keyPath) {
          console.log(key, keyPath);
        },
        calendarParams:{
          orderByColumn:"endTime",
          isAsc:"desc"
        },
        messageParams:{
          pageNum: 1,
          pageSize: 6,
          orderByColumn:"createTime",
          isAsc:"desc"
        },

        // 公告表格数据
        noticeList: [],
        // 日程列表
        todayCalendar:[],

        imgwrap:[


        ]
      };

    },
    //去水印
    mounted() {
      // 加载水印
      const username = this.$store.state.user.name;
      watermark.load({ watermark_txt: "  "   });
    },
    //获取头像
    computed: {
      ...mapGetters([

        'avatar',

      ]),

      topNav: {
        get() {
          return this.$store.state.settings.topNav
        }
      },

    },
    created() {
      getRoleId().then(res => {
        this.roleId = res;
      });
      const id = this.$route.query.id;
      if (id) {
        // 获取表详细信息
        getContract(id).then(res => {
          this.info = res.data;
        });
      }


    },
    watch:{

      activeName:function(val) { //监听切换状态-计划单

        if (val=='first'|| val==null){
          this.List = undefined;
          this.loading = true;
          listNormal().then(response => {
            this.normalList = response.data;
            this.loading = false;
            // console.log(this.normalList+"233");
          });
        }
        else {
          getRouter(val).then(response => {
            this.List1 = response.data;
            window.a=this.List1.path;
            this.loading = false;
            // console.log(this.List1.path+"710")
          });
          getMenu(val).then(response => {
            this.List = response.data;
            this.loading = false;
            // console.log(this.List[0].path+"777")

          })};



      },

    },

    methods: {

      fanhui(){
        this.$router.push({ path: "/mwnhugongshi" })
      },

      //登录
      handleRecord(){
        this.$router.push({ path: "/login1" })
      },
      //注册
      handleRego(){
        this.$router.push({ path: "/register1" })
      },
      getListcon(row){
        const id = row.id;
        // const tableName = row.tableName || this.tableNames[0];
        const params = {pageNum: this.queryParams.pageNum};

        this.$router.push({path: "/dangzheng/culturexiangqing", query: {id}});
      },
      getgongshiList(){
        this.gongshiloading = true;
        console.log("888")
        listContract(this.gongshiqueryParams).then(response => {

          this.contractList = response.rows;
          console.log(  this.contractList[0]+"8")
          this.contotal = response.total;
          this.gongshiloading = false;
        });
      },


      // 分页触发
      handleCurrentChange(val) {
        this.gongshiqueryParams.pageNum = val
        this.pageCurrent = val
        this.getgongshiList(val)
      },
      /** 查询成果信息 */
      getList() {
        this.loading = true;
        listAchievement(this.queryParams).then(response => {
          this.achievementList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      /** 搜索成果名称 */
      handQuery(){
        this.queryParams.resultName = this.input
        this.getList()
      },
      /** 搜索成果类别 */
      handleResult(type){
        this.queryParams.resultCategory=type;
        this.getList()
      },
      handleDetail(id){
        getRoleId().then(res => {
          this.roleId = res;
          if(this.roleId==10){
            this.$modal.msgError("请先登录再进行操作");
          }else{
            this.$router.push({ path:"/detail", query: {id}});
          }

        });

      },
      imgLoad(img){
        try {

          return  require(`/src/assets/button/`+img)

        } catch (error) {
          return  require(`/src/assets/button/aaaa.png`)
        }
      },

      close() {
        this.$tab.closePage();
      },


      //应用展示更多
      toURL(){
        this.$router.push({path: "/system/application"});
      },
      //文化宣传详情
      tourlCulture(){
        this.$router.push({path: "/system/application"});
      },

      tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      },
      //获取日程
      /* getCalendar(){

         listCalendar(this.calendarParams).then(response => {
           this.loading = true;
           this.todayCalendar  = response.rows;

         })


       },*/

      // 取消按钮
      detailCancel() {
        this.xiaoxi.open = false;
        //   this.getList();
      },

      //文化宣传详情
      culDetail(val){
        console.log(val)
        this.$router.push({
          path: '/dangzheng/culturexiangqing',
          query:{
            id: val,
          }
        })
      },


      //进入后台刷新
      handleBackground(){
        this.$router.push({ path: "/index" }).then(() => {
          location.reload();
        });

      },
      //点击公告触发的事件
      handle(row, event, column) {
        // console.log(row)
        this.$router.push({
          path: '/notice/index',
          query:{
            noticeId: row.noticeId,
          }
        })
      },
      //公告显示小手
      cellStyle(data) {

        return "cursor:pointer;text-align:left;"
      },
      indexMethod(index) {
        return index +1;
      },

      handleClick(tab, event) {
        console.log(tab, event);
      },
      getList1() {
        this.loading = true;
        listMenu().then(response => {
          this.contentList = response.data;
          this.loading = false;
        });
      },

      getNormal(){
        this.loading = true;
        listNormal().then(response => {
          this.normalList = response.data;
          this.loading = false;
        });
      },
      getNormalList(item){
        const path =item.path;
        const menuId = item.menuId;
        getNumber(menuId).then(response => {
        });
        this.$router.push({path: "/"+path});
      },
      getLista(item) {
        const path =item.path;
        // console.log(path+"88");
        // const tableName = row.tableName || this.tableNames[0];
        // const params = {pageNum: this.queryParams.pageNum};
        const menuId = item.menuId;
        getNumber(menuId).then(response => {
        });
        this.$router.push({path: "/"+a+"/"+path});
      },


      getUser() {
        getUserProfile().then(response => {
          this.user = response.data;
          this.roleGroup = response.roleGroup;
          this.postGroup = response.postGroup;
          this.deptId = response.data.deptId;

        });
      },


      /** 详情操作 */
      getListb(row) {
        const id = row.id || this.ids
        getInner(id).then(response => {
          this.innerList = response.data;
          this.xiaoxi.open = true;
          this.xiaoxi.title = "消息详细";
        });


      }


    },

  };
</script>

<style lang="scss" scoped>

  .sx{
    border-style: none;
    width: 170px;
    height: 30px;

  }

  .an1{
    font-size: 22px;
    width: 100px;
    height: 60px;
    color: whitesmoke;
    border-style: none;
    background-color: #f04e0f;
  }
  .an6{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: absolute;
    top: 20px; /* 设置相对于 .y2 容器的顶部位置 */
    right: 30px; /* 设置相对于 .y2 容器的左侧位置 */
  }
  .an2{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: absolute;
    top: 20px; /* 设置相对于 .y2 容器的顶部位置 */
    right: 120px; /* 设置相对于 .y2 容器的左侧位置 */
  }
  .an3{
    font-size: 22px;
    font-weight:  bold;
    width: 150px;
    height: 80px;
    border-style: none;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .an4{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: relative;
    left: 40px; /* 假设要向右移动 20 像素 */
  }
  /*背景*/
  .bj{
    background-image: url("30.png");
    background-size: 100% 100%;
    height: 400px;

  }
  /*顶端固定*/
  .tou {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    z-index: 999;
  }
  /*搜索框*/
  .sousuo{
    width: 800px;
    font-size: 22px;

  }
  ::v-deep .el-input__inner{
    height: 60px;
  }

  .s1{
    display: flex;
    height: 80px;
    width: 100%;
    background-color: rgba(0, 0,0, 0.2);
  }
  .d1{

    background-size: 100% 100%;

    height: 400px;
    scroll-padding: 0;
    background-image: url("34.png");
    border-style: none;
    margin: 0;
    padding: 0;



  }

  .z1{
    width: 40%;
    height: 80px;
    background-color: #0574d0;
  }
  .y1{

    height: 80px;
    width: 50%;
    background-color: #0574d0;
  }

  .y2{
    display: flex;
    padding-top: 22px;
    padding-left: 65px;
    width: 15%;
    height: 80px;
    //background-color: rgba(0, 0, 0, 0);
    background-color: #0574d0;
  }

  .big_box{display: flex;height: 280px;}
  /*展示左图片*/
  .z{
    width: 25%;
    height: 250px;

  }
  /*展示中空白*/
  .c{
    width: 3%;
    height: 250px;
  }
  /*展示右信息*/
  .y{
    width: 70%;
    height: 250px;

  }
  /*按钮*/
  .an{
    height: 30px;
  }




  .dashboard-editor-container {
    overflow-x: hidden; /*隐藏横向滚动条*/
    padding: 32px;
    background-color: rgb(240, 242, 245);
    position: relative;

    .chart-wrapper {
      background: #fff;
      padding: 16px 16px 0;
      margin-bottom: 32px;
      padding-left: 30px;
    }

    .el-tabs .el-tabs__content {
      max-height: 100px;
      overflow: auto;
    }
  }

  @media (max-width:1024px) {
    .chart-wrapper {
      padding: 8px;
    }
  }

  /* 固定 应用board 宽度; */
  .el-tabs--card {
    height: calc(32vh);
    /* overflow-y: auto; */
  }

  .el-tab-pane {
    height: calc(32vh);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .tag-style{
    height: 19px;
    color: #116fcf;
    font-family: 黑体;
    font-size: 13px;
    float: right;
    margin-right: 20px;
    line-height:15px;

  }
  .tag-menu-style{
    height: 19px;
    color: #116fcf;
    font-family: 黑体;
    font-size: 13px;
    float: right;
    margin-right: 0px;
    line-height:15px;
    margin-top: 5px;

  }

  .bannerimg{
    width: 100%;
    height: inherit;
  }
  /* 文字样式*/
  .carousel-p {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 25px;
    line-height: 35px;
    text-align: center;
    padding-left: -28px;
    color: white;
    bottom: 66px;
    position: relative;
  }
  .el-icon-d-arrow-right{
    float: right;
    margin-right: 20px;
    padding-top: 5px;
    font-size:10px !important;
  }

  .is-selected {
    color: #1989FA;
  }


  /*日历自定义样式*/
  ::v-deep .el-calendar__header {
    // 修改头部背景颜色
    background-color: #FFFFFF;
    padding: 3px 5px;
    border: none;
    display: flex;
    justify-content: center;
    margin-top: 35px;

    .el-calendar__button-group {
      // 隐藏原生按钮
      display: none;
    }


    .el-calendar__title {
      // 修改头部标题的字体颜色
      color: #495060 !important;
      font-size: 20px;
      font-weight: bolder;
    }
  }

  ::v-deep .el-calendar__body {
    // 修改主题部分
    padding: 0;
  }

  ::v-deep .el-calendar-table {
    thead {
      th {
        // 修改头部星期部分
        padding: 5px;
        background-color: #2f81d5;
        color: white;
      }
    }

    .is-selected {
      .el-calendar-day {
        p {
          // 选中日期颜色
          color: black;
        }
      }
    }

    .el-calendar-day {
      // 每天小块样式设置
      padding: 0;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;

      p {
        // 所有日期颜色
        color: black;
        z-index: 1;
        user-select: none;
        display: flex;
      }
    }
  }

  ::v-deep .el-calendar-table__row {
    .prev, .next {
      // 修改非本月
      .el-calendar-day {
        p {
          color: #f0d9d5;
        }
      }
    }

    td {
      // 修改每一个日期td标签
      &:first-child, &:last-child {
        background-color: #f5f5f5;
      }
    }
  }

  button {
    padding: 3px 10px;
  }

  //隐藏el-tab-pane滚动条
  ::v-deep .el-tab-pane {
    height: calc(100vh - 110px);
    overflow-y: hidden;
  }


  ::v-deep .el-scrollbar__wrap {
    overflow-x: hidden!important;


  }

  ::v-deep .-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
  }
  ::v-deep.el-table .warning-row {
    background: oldlace;
  }

  ::v-deep.el-table .success-row {
    background: #f0d9d5;
  }
  .pos1{

    position:absolute;             // 绝对定位,同时规定left和top
    left: 0;
    top:0;
  }


  //swiitch开关的样式
  ::v-deep .el-switch__core{
    width:30px!important;
    height:15px;

  }
  //111
  ::v-deep .el-tabs__nav-wrap.is-scrollable {
    margin-right: 40px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  ::v-deep .el-switch__core::after{
    width:14px;
    height:14px;
    margin-top:-1px;
    margin-bottom: -4px;
  }
  ::v-deep.el-switch.is-checked .el-switch__core::after {
    left: 100%;
    margin-left: -14px;
  }

  //更改table表中文字的颜色
  ::v-deep.el-table{
    color: #000000;
  }

  //日程文字颜色
  ::v-deep.el-alert--success.is-light {
    background-color: #e7faf0;
    color: #000000;
  }
  ::v-deep.el-alert--success.is-light .el-alert__description {
    color: #507761;
  }


  /*数字加圈*/
  .number_top_circle {
    display: table-cell;
    border-radius: 18px;
    background-color: #4b9dfc;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }
  .number_top_circle_odd {
    display: table-cell;
    border-radius: 18px;
    background-color: #4b9dfc;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }

  //个人中心头像样式
  .user-avatar{
    border-radius: 50%;
    height:165px;
    border: 1px solid #409eff;

  }
  //去掉table表下面的边框线
  .el-table__row>td {
    border: none;
  }

  .el-table::before {
    height: 0px;
  }

  //纵向分割线
  ::v-deep.el-divider--vertical{

    height: 10em;
  }

  .selectBtn{
    background-color: #1482f0;
    color: #ffffff;
  }
  .an4{
    font-size: 15px;
    width: 80px;
    height: 40px;
    color: whitesmoke;
    position: relative;
    left: 40px; /* 假设要向右移动 20 像素 */
  }
</style>
<!-- 日历table表的样式-->
<style scoped>




  .el-image__error {
    font-size: 10px;

  }






  .size-icon{
    font-size: 25px;
  }

  .createInfo th, .createInfo tr {
    background-color: #409eff !important;
    color: #FFFFFF;
    text-align: center;

  }
  .createInfo tbody tr:hover>td {
    background-color: #409eff !important;
  }

  /*日期组件绝对定位*/
  .main{
    position: relative;

  }
  .target{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,0%);
  }


  /*menu中更多按钮*/
  .loginOut{
    /* position: absolute;right:23%;top:25px;*/
    position: absolute;right:26%;top:33px;
    color: #e6a23c;
    /*  font-weight: 600;
      font-size: 14px;*/
  }
  .grid-content{

    padding-left: 0%;
    padding-right: 0%;

  }


  /* 顶部列表 */
  .top-list-image{
    margin-right: 12px;
    font-size: 24px;
    width: 40px;
    padding-top: 0px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    border-radius:16px;
    color: #fff;
  }

  .top-list-col{
    height: 100px;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 4px;
  }

  .top-list-span{
    max-width: 4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /*超出部分用...代替*/
  }


  table {
    border-collapse: collapse; /* 合并单元格边框 */
  }

  th, td {
    text-align: center;
    border: 1px solid #0e0c0b; /* 设置表头和单元格的边框 */
    padding: 25px; /* 设置单元格内边的填充 */
    border-bottom: 1px solid #0e0c0b; /* 给单元格内边框加上线 */
  }

</style>
